﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ConfirmDialog.aspx.vb" Inherits="ConfirmDialog" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>JQuery Contact Form with Confirmation</title>
    <link href="jquery-ui-1.7.1.custom.css" rel="stylesheet" type="text/css" />

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

    <script src="js/jquery.form.js" type="text/javascript"></script>

    <script src="js/jquery.validate.pack.js" type="text/javascript"></script>

    <script src="js/additional-methods.js" type="text/javascript"></script>

    <script src="js/jquery.maskedinput-1.2.2.min.js" type="text/javascript"></script>

    <script src="js/jquery-ui-1.7.1.custom.js" type="text/javascript"></script>

    <script src="js/JQueryContact.js" type="text/javascript"></script>

    <link href="ContactFormTester.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        $(function() {
            $("#IAgree").dialog({
                bgiframe: true,
                resizable: true,
                height: 640,
                width: 640,
                open: function(event, ui) { $('#ContactForm select').hide(); },
                beforeclose: function(event, ui) { $('#ContactForm select').show(); },
                modal: true,
                closeOnEscape: false,
                overlay: {
                    backgroundColor: '#000',
                    opacity: 0.65
                },
                buttons: {
                    'I Agree': function() {
                        $(this).dialog('close');
                    }
                                            , 'Cancel': function() { window.location = 'privacy.aspx'; }

                }
            });
            $(".ui-dialog-titlebar-close").hide();
        });
	</script>

</head>
<body>
    <form id="ContactForm" action="JQueryValidateForm.aspx" method="post">
    <div id="ContactRequest">
        <fieldset id="contactform">
            <legend>Contact Us!</legend>
            <div id="dMakeContact">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur risus. Proin
                    lobortis facilisis lectus.
                </p>
                <hr />
                <p>
                    <label id="lblFirstName" for="FirstName">
                        First Name :
                    </label>
                    <input name="FirstName" type="text" maxlength="25" class="required" /><em><img src="images/required.png"
                        alt="required" /></em>
                </p>
                <p>
                    <label id="lbllastName" for="LastName">
                        Last Name :
                    </label>
                    <input name="LastName" type="text" maxlength="25" class="required" /><em><img src="images/required.png"
                        alt="required" /></em>
                </p>
                <p>
                    <label id="lblAddr1" for="Addr1">
                        Address :
                    </label>
                    <input name="Addr1" type="text" maxlength="25" />
                </p>
                <p>
                    <label id="lblAddr2" for="Addr2">
                        Address 2 :
                    </label>
                    <input name="Addr2" type="text" maxlength="25" />
                </p>
                <p>
                    <label id="lblCity" for="City">
                        City :
                    </label>
                    <input name="City" type="text" maxlength="25" />
                </p>
                <p>
                    <label id="lblState" for="State">
                        State :
                    </label>
                    <input name="txtState" type="text" maxlength="25" />
                </p>
                <p>
                    <label id="lblZip" for="txtZip">
                        Zip :
                    </label>
                    <input name="txtZip" type="text" class="ZipCodeMask" />
                </p>
                <p>
                    <label id="lblPhone" for="txtPhone">
                        Phone :
                    </label>
                    <input type="text" name="txtPhone" class="phone PhoneMask" />
                </p>
                <p>
                    <label id="lblEmail" for="EMail">
                        E-Mail :
                    </label>
                    <input name="EMail" type="text" maxlength="100" class="required email" /><em><img
                        src="images/required.png" alt="required" /></em>
                </p>
                <p>
                    <label id="lblComment" for="Comment">
                        Comment or Question :
                    </label>
                    <em>
                        <img src="images/required.png" alt="required" /></em>
                    <textarea name="Comment" cols="40" rows="6" class="required"></textarea>
                </p>
                <p>
                    <button id="btnSubmit" name="btnSubmit">
                        Submit</button>
                </p>
            </div>
            <div id="dThinking">
                Thinking....</div>
            <div id="ContactResponse">
                <p>
                    Your request has been recieved and will be responded to shortly.</p>
            </div>
        </fieldset>
    </div>
    </form>
    <div id="IAgree" title="Usage Terms">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis lacus sed
            lacus tincidunt ut consequat diam tempus. Nam non elit ut libero suscipit gravida.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed interdum neque.
            Donec accumsan nibh vel lorem pharetra euismod. Phasellus sodales neque quis lorem
            vestibulum non pretium justo blandit. Donec viverra pulvinar turpis, sit amet tempus
            lorem dignissim in. Vivamus sit amet vehicula purus. Pellentesque nisi metus, interdum
            ut aliquet eu, interdum non diam. Sed ac justo in dui suscipit porttitor eu ac nisi.
            Etiam sit amet felis nibh. Sed sollicitudin, odio sit amet hendrerit pretium, augue
            felis vestibulum tortor, vel elementum metus mi at mauris. Nam sit amet risus eros.
            Curabitur ut nulla magna. Phasellus rutrum elementum lorem, ac ullamcorper justo
            sagittis ac. In hac habitasse platea dictumst. Praesent eros diam, ultrices vel
            venenatis a, varius ut lacus.
        </p>
        <p>
            Vestibulum orci magna, placerat nec bibendum sed, convallis ac nibh. Nullam justo
            nisi, facilisis non sodales lobortis, accumsan at leo. Vivamus porttitor ante vel
            arcu pretium fringilla. Pellentesque habitant morbi tristique senectus et netus
            et malesuada fames ac turpis egestas. Suspendisse at ipsum risus. Nam interdum scelerisque
            diam, elementum accumsan nulla hendrerit ac. Duis dictum feugiat diam, a accumsan
            turpis dapibus sit amet. Ut elementum semper tincidunt. Donec vel ornare urna. Cras
            adipiscing pretium risus nec tristique. Nunc consectetur, tortor et gravida scelerisque,
            nunc felis laoreet turpis, ac sagittis mi metus in enim. Fusce elit nibh, varius
            lobortis varius et, cursus sed ante. Duis tempus mauris at arcu placerat pulvinar.
        </p>
        <p>
            Aenean et ligula sed mauris faucibus fringilla. Duis sapien lorem, condimentum vitae
            blandit vitae, luctus at turpis. Nam ultrices nunc eu metus dapibus ac interdum
            ipsum lobortis. Cras consequat dolor sagittis felis consectetur quis commodo diam
            tristique. Aliquam a nibh ut nisl ornare accumsan quis eget purus. Curabitur tempor
            sodales fermentum. Morbi vel fringilla magna. Phasellus quis nisi quis erat fringilla
            aliquam a vel urna. Cras tincidunt purus in odio ornare auctor. Curabitur vel mauris
            a eros posuere posuere ut ac neque. Mauris eget lacus at turpis bibendum facilisis.
            Etiam feugiat aliquet vehicula. Morbi dolor ante, vehicula id malesuada id, ornare
            et libero. Curabitur massa mauris, aliquam sit amet tincidunt sit amet, tincidunt
            sit amet libero. Proin id lobortis arcu. Suspendisse eget urna fringilla erat mattis
            cursus. Sed quam elit, auctor id suscipit vitae, posuere ut lorem. Lorem ipsum dolor
            sit amet, consectetur adipiscing elit.
        </p>
        <p>
            Morbi commodo molestie odio id gravida. Sed pharetra mi vitae arcu pulvinar condimentum.
            Etiam mollis, neque in ornare rhoncus, urna erat volutpat erat, quis pellentesque
            libero nulla in libero. Curabitur commodo est sed diam mattis quis posuere nisi
            suscipit. Quisque quis augue vel ligula interdum tristique vel ac mi. Vivamus ac
            pellentesque leo. Cras adipiscing lacus sit amet est commodo tincidunt. Praesent
            aliquam, felis a faucibus semper, tellus est aliquam risus, eu gravida ipsum lectus
            ac lectus. Donec pulvinar nisi eu turpis tincidunt vel luctus est tincidunt. Nullam
            feugiat ligula sed dui adipiscing eleifend. Nullam vitae velit velit. Vestibulum
            a quam neque, ac dignissim nulla.
        </p>
        <p>
            Mauris at risus enim. Vestibulum convallis mattis mauris vitae aliquet. Donec eu
            nisl odio, quis rutrum est. Donec elementum, sem id sollicitudin ultrices, diam
            ligula tristique nisl, sit amet aliquam velit sem nec metus. Cras sed velit magna,
            et aliquet lectus. Morbi adipiscing, odio a pulvinar luctus, orci odio eleifend
            mi, id pulvinar neque lectus vel elit. Phasellus sit amet massa vel purus convallis
            vestibulum. Cras a mauris quis massa luctus egestas ac id orci. In eget tellus et
            dui mollis ultricies feugiat accumsan dolor. Sed metus sem, bibendum sit amet tempus
            ut, venenatis a elit. Phasellus ultrices, ante non luctus rutrum, augue nisl gravida
            leo, id vestibulum nisl turpis a nisi.
        </p>
    </div>
</body>
</html>
